var erhou = 'gooudan';
$(function () {
    /*效果1 获取用户消息，渲染到页面*/
    getUserInfo();
    //效果2 退出登录
    $('#logout').on('click', function () {
        layui.layer.confirm('请问是否要退出?', {icon: 3, title:'提示'}, function(index){
            //do something
            //1.清楚本地存储的权限 清楚token
            
            localStorage.removeItem('token');
            //2.跳转到登录页面
            location.href = '/login.html'
            layui.layer.close(index);
          });
    })
})
function getUserInfo() {
    //调接口
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        //请求头中携带token
        headers:{
            Authorization:localStorage.getItem('token')
        },
        success(res) {
            console.log(res);
            //判断
            if (res.status !== 0) {
                return layui.layer.msg(res.message, { icon: 5 });

            }
            console.log(res.data);
            //渲染数据
            render(res.data)
        },
        //请求成功或失败都会调用此函数
        // complete:function(xhr) {
        //     console.log(xhr);
        //     if (xhr.responseJSON.status === 1 && xhr.responseJSON.message === '身份认证失败！') {
        //         //1.清空token
                
        //         localStorage.removeItem('token');
        //         //2.跳转到登录页面
        //         location.href = '/login.html'
        //     }
        // }
    })
}
 //渲染数据的函数
 function render(userinfo) {
    //渲染欢迎语（如果有昵称就用nickname，否则用username）
    //  console.log(userinfo.nickname,userinfo.nickname);
    var name = userinfo.nickname ? userinfo.nickname : userinfo.username;
    console.log(name);
    $('#welcome').html('欢迎' + name)
    //渲染头像（如果有头像，则渲染图片头像，否则渲染文字头像）
    if (userinfo.user_pic !==null) {
        //有图片 ）（图片显示，span隐藏）
        $('.layui-nav-img').prop('src', userinfo.user_pic).show();
        $('.text-avatar').hide()
    } else {
        //没有图片
        //文字头像（name的首字母，且是大写）
        var first = name[0].toUpperCase();
        $('.text-avatar').html(first).show()
        $('.layui-nav-img').hide()
    }
}